<template>
    <div class="user">
        <PageTitle title="账号管理" addUrl="/admin/user/detail/none"></PageTitle>
        <el-table :data="tableData" style="width: 100%">
            <el-table-column label="序号" prop=""></el-table-column>
            <el-table-column label="事件内容" prop=""></el-table-column>
            <el-table-column label="用户" prop=""></el-table-column>
            <el-table-column label="时间" prop=""></el-table-column>
        </el-table>
        <div class="page">
            <el-pagination
                layout="prev, pager, next"
                @current-change="handleCurrentChange"
                :current-page="current_page"
                :total="total_cont">
            </el-pagination>
        </div>
    </div>
</template>
<script>
import PageTitle from '@/components/pageTitle/PageTitle.vue'
export default {
    components: {
        PageTitle,
    },
    data(){
        return{
            tableData:[],
            current_page:1,//当前页码
            total_cont:100,//数据总数目
        }
    },
    mounted(){

    },
    methods:{

        //翻页
        handleCurrentChange(val) {
            console.log(`当前页: ${val}`);
        }
    }
}
</script>
<style lang="scss" scoped>
    .page{
        text-align: center;
        margin: 20px auto;
    }
</style>